<template>
  <div class="goods">
    <p>{{uname}}</p>
    <p>{{age}}</p>
    <p>{{sex}}</p>
  </div>
</template>

<script>
export default {
// 接受父组件传递过来的数据
// 接受到的数据，和data数据一样用，只是不能修改
// props:['uname','age','sex']

// props也可以写成对象格式(写成独享也是为了加更多的配置)
// 有三个配置可以使用 required表示必填;type类型约束;defau
props:{
  uname:{
    required:true,  //表示父组件必须传递uname
    type:String  //要求父组件传递过来的uname必须是字符串类型
  },
  age:Number,  //表示父组件传递过来的值，必须是Numder类型的
  sex:{
    default:'未知',
    type:[String,Number] //如果允许多种类型，则写成数组格式
  }
}
}
</script>

<style>
.goods{
  padding: 10px;
  margin: 8px;
  border: solid 3px black;
  min-height: 50px;
}
</style>